<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!--  移动端开发，需要添加
        viewport:视口
        width=device-width 宽度等于设备的宽度
        initial-scale=1.0  缩放比例 1.
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>Document</title>

     <!-- normalize.css 对样式设置了统一样式-->
    <link rel="stylesheet" href="./css/normalize.css">

    <!-- 公共样式-->
    <link rel="stylesheet" href="./css/common.css">

    <!-- 首页样式-->
    <link rel="stylesheet" href="./css/index.css">


</head>
<body>
    <!-- 布局容器-->
      <div id="container">
        <!--第一个盒子顶部布局-->
          <div id="box1">
                 <div class="nav-top">
                      <div class="nav-content">
                          <img src="./img/menu.png" />
                          <img src="./img/166149394478164557.png" />
                          <img src="./img/login.png" />
                      </div>
                 </div>
                 <div class="nav-bottom"></div>
          </div>
      </div>

      <div>新布局</div>
</body>
</html>